<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录界面</title>
	</head>
	<link rel="stylesheet" type="text/css" href="../css/register.css"/>
	<style type="text/css">
		.loge{
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
			background: url(../img/logo.png) no-repeat;
			background-size: 36px 43px;
			height: 43px;
            line-height: 43px;
            padding-left: 46px;
            margin-left: 30px;
            margin-top: 18px;
            font-size: 36px;
            display: block;
            color: #000;
		}
	</style>
	<body>
		<a class="loge" href="#">QQ</a>
		<div id="lef" class="left"></div>
		<div class="right">
			<ul class="ul1">
				<li id="li01" class="li1">
					<img src="../img/logo3.png"/>
					<a href="#">QQ靓号</a>
					<ul id="ul02" class="ul2">
						<div>
						    <input type="text" name="inp" placeholder="搜索QQ靓号，如“1992”，“520”"/>
						    <a  class="ic" hr	ef="#">
						    	<div class="icon">
						    		
						    	</div>
						    </a>
						</div>
						<li><a href="#">生日</a></li>
						<li><a href="#">星座</a></li>
						<li><a href="#">爱情</a></li>
						<li><a href="#">手机</a></li>
					</ul>
				</li>
				<li class="li2">
					<a id="zw" href="#">简体中文  
						<img src="../img/up.png"/>
					    <img src="../img/down.png"/>
					</a>
					<div id="ft">
						<p>繁体中文</p>
				        <p>Eglish</p>
					</div>
				</li>
				<li><a href="#">意见反馈</a></li>
			</ul>
		</div>
		<div class="right_middle">
			<div class="max">
				<h1>欢迎注册QQ</h1>
				<div class="myt">
					<p>每一天，乐在沟通</p>
					<a href="#">免费靓号</a>
				</div>
				
				
				
				<!--1111-->
				<form method="post" autocomplete="off" action="../php/sever.php">
					<div style="position: relative;">
						<input type="text" name="nc" placeholder="昵称"/>
				        <div id="tick1">
				    	    <img src="../img/tick.png"/>
				        </div>
				        <div id="for1">
				    	    <img style src="../img/error.png"/>
				    	    <p>昵称不可以为空</p>
				        </div>
					</div>
				    
				    
				    
				   <!-- 2222-->
				    <div style="position: relative;">
				    	 <input type="password" maxlength="16" name="mm" placeholder="密码"/>
				        <div id="tick2">
				    	    <img src="../img/tick.png"/>
				        </div>
				        <div id="for2">
				    	    <img style src="../img/error.png"/>
				    	    <p>密码不能为空</p>
				        </div>
				        <div id="for3">
				        	<div id="for5">
				        		<img id="for51" src="../img/info.png"/>
				        		<img id="for52" src="../img/green.png"/>
				        		<p>不能包括空格</p>
				        	</div>
				        	<div id="for6">
				        		<img id="for53" src="../img/error.png"/>
				        		<img id="for54" src="../img/info.png"/>
				        		<img id="for55" src="../img/green.png"/>
				        		<p id="for6p">长度为8-16个字符</p>
				        	</div>
				        	<div id="for7">
				        		<img id="for56" src="../img/error.png"/>
				        		<img id="for57" src="../img/info.png"/>
				        		<img id="for58" src="../img/green.png"/>
				        		<p id="for7p">必须包含字母、数字、符号中至少2种</p>
				        	</div>
				        </div>
				    </div>
				    
				    
				    
				    
				    <!--3333-->
				    <div style="position: relative;">
				   	    <input  type="text" name="sjh" placeholder="手机号"/>
				        <div id="tick3">
				    	    <img src="../img/tick.png"/>
				        </div>
				        <div id="for8">
				    	    <img style src="../img/error.png"/>
				    	    <p>手机号码格式不正确</p>
				        </div>
				    </div>
				    
				    <!--4444-->
				    <input  class="ipt1" type="text" name="yzm" placeholder="短信验证码"/>
				    <input  class="ipt2" type="button" name="yzm" value="发送短信验证码"/>
					<input type="hidden" name="hide" value="register">
						
					</input>
				    <input  class="ipt3" type="submit" name="zc" value="立即注册"/>
			    </form>
			</div>
		</div>
		<script src="../js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="../js/register.js"></script>
	</body>
</html>
